*{
    margin: 0px;
    padding:0px;
}
.cont{
    width: 1268px;
    height: 534px;
    margin: 50px auto;
}
.box{
    width: 288px;
    height: 444px;
    border: 1px solid #d4d4d4;
    float: left;
}
h2{
    height: 80px;
    text-align: center;
    font-size: 22px;
    background-color: #e4e4e4;
    line-height: 80px;
}
.title{
    width: 239px;
    height: 75px;
    line-height: 27px;
    font-size: 13px;
    margin: 20px auto;
}
.txt{
    height: 104px;
}
.txt ul{
    margin: 0px 16px 0px 25px;
}
.txt li{
    width: 82px;
    height: 80px;
    float: left;
    text-align: center;
    background-color: #f7f7f7;
    color: black;
    list-style-type: none;
    line-height: 9px;
}
.txtbox{
    width: 32px;
    height: 43px;
    margin: 23px auto;
}
.txt li .num{
    font-size: 21px;
}
.txt_a{
    font-size: 15px;
}
.txt_b{
    font-size: 11px;
    color: #aeaeae;
}
.price_box{
    height: 66px;
    line-height: 66px;
    text-align: center;
}
.price{
    font-size: 21px;
    color: #f35f51;
}
.price .txt{
    font-size: 12px;
    color: black;
}
.button_box{
    width: 175px;
    height: 37px;
    border: 1px solid #c47240;
    color: #c47240;
    line-height: 37px;
    background-color: unset;
    margin: 0px auto;
    text-align: center;
}

.box:hover{
    width: 310px;
    height: 484px;
    border: 1px solid #00aaff;
    transform: 1s;
    margin-top: -20px;
}
.box:hover h2{
    height: 100px;
    background-color: #00aaff;
    color: white;
    line-height: 100px;
}
.box:hover .txtbox{
    color: #00aaff;
}
.button_box:hover{
    background-color: #c47240;
    color: white;
}